<template>
  <div class="user-center-layout">
    <!-- 仅保留 router-view 用于渲染子组件 -->
    <router-view />
  </div>
</template>

<script setup>
// 此组件仅作为布局容器，无需特定逻辑
</script>

<style scoped>
.user-center-layout {
  padding: 20px;
  background-color: #f0f2f5; /* 轻微的背景色 */
  min-height: calc(100vh - 60px); /* 减去导航栏高度，确保占据视口高度 */
  display: flex;
  justify-content: center; /* 居中子组件内容 */
  align-items: flex-start; /* 子组件内容顶部对齐 */
}
</style> 